<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <title>客户详情</title>
  <!-- Tell the browser to be responsive to screen width -->
  <meta name="viewport" content="width=device-width, initial-scale=1">

  <!-- Font Awesome -->
  <!-- Theme style -->
  <link rel="stylesheet" href="css/bootstrap.min.css"/>
  <link rel="stylesheet" href="bower_components/font-awesome/css/font-awesome.min.css">
  <link rel="stylesheet" href="css/adminlte.min.css">
  <link rel="stylesheet" href="css/select2.css" />
  <link rel="stylesheet" href="css/all.css" />
  <link rel="stylesheet" href="bower_components/layer/layer.css"/>
  <link rel="stylesheet" href="css/user_infor.css" />

  
  <!-- Google Font: Source Sans Pro -->
</head>
<style>
body .layui-layer-title{background:#233d4a; color:#fff; border: none;}
body .layui-layer-btn{border-color:1px solid #eea2bb}
body  .layui-layer-btn a{background:white;}
body  .layui-layer-btn .layui-layer-btn0{background:#233d4a;border:none;color: white;}
body .layui-layer-btn .layui-layer-btn1{background:#ffffff;}
.select2-container--default .select2-results__option--highlighted[aria-selected]{
			background-color: #3c8dbc!important;
		}
</style>
<body class="hold-transition sidebar-mini">
<div class="user_infor">
	<div class="wrapper">
	  <!-- Navbar -->
	  <div class="big_img">
	  	<img class="big_img_src" src="img/编辑.png" />
	  	<button class="img_all_screen"><i class="fa fa-arrows-alt"></i></button>
	  	<button class="close_big_img"><i class="fa fa-times"></i></button>
	  </div>
	
	  <!-- Main Sidebar Container -->
	  
	
	  <!-- Content Wrapper. Contains page content -->
	  <div class="content-wrapper">
	    <!-- Content Header (Page header) -->
	   
	
	    <!-- Main content -->
	    <section class="content">
	      <div class="container-fluid">
	        <div class="row" >
	          <div class="col-md-4"  style="overflow-y: hidden;" >
							<div class="card">
								<form id="myform">
	              <div class="card-header p-2">
	              	<p style="color: #fff;position: relative;">
	              		<button class="return_icon"><i class="fa fa-angle-left "></i></button>
	              		<strong style="margin-left:5px;">客户资料</strong>
	              		<a class="submit"><i class="fa fa-floppy-o" aria-hidden="true"></i></a>
	              		<button class="more_icon">...</button>
	              	</p>
	                <ul class="nav nav-pills">
	                  <li class="nav-item"><a class="nav-link active" href="#base_infor" data-toggle="tab">基本资料</a></li>
	                  <li class="nav-item"><a class="nav-link" href="#phone_infor" data-toggle="tab">联系信息</a></li>
	                  <li class="nav-item"><a class="nav-link" href="#label_infor" data-toggle="tab">备注资料</a></li>
	                   <li class="nav-item"><a class="nav-link" href="#business_infor" data-toggle="tab">经营情况</a></li>
	                </ul>
	              </div><!-- /.card-header -->
	              <div class="card-body">
	                <div class="tab-content">
	                  <div class="active tab-pane" id="base_infor">
	                    <!-- Post -->
	                    <div class="post">
	                        <ul class="list-group list-group-unbordered mb-3">
					                  <li class="list-group-item">
					                    <span>店铺名称</span> <input class="float-right post_inp" type="text" value="aaa" name="store-name"/>
					                  </li>
					                  <li class="list-group-item">
					                     <span>掌柜</span> <input class="float-right post_inp" type="text" value="aaa" name="manager-name"/>
					                  </li>
					                  <li class="list-group-item ">
					                     <span>信用</span>
					                     <select class="form-control select2 sel_credit"  data-placeholder="Select a State"
						                          style="width: 250px;float: right;" >
							                    <option value="金冠">金冠</option>
																	<option value="蓝冠">蓝冠</option>
																	<option value="钻石">钻石</option>
																	<option value="心心">心心</option>
							                  </select>
					                  </li>
					                  <li class="list-group-item ">
					                     <span>销售性质</span>
					                     <select class="form-control select2 sale_nation" multiple="multiple" index = "1" data-placeholder="Select a State"
						                          style="width: 250px;float: right;">
							                    <option value="零售">零售</option>
																	<option value="批发">批发</option>
							                  </select>
					                  </li>
					                  <li class="list-group-item ">
					                     <span>销售渠道</span>
					                      <select class="form-control select2 sale_way" multiple="multiple" index = "1" data-placeholder="Select a State"
						                          style="width: 250px;float: right;">
							                      <option value="集市店">集市店</option>
																   <option value="天猫专营">天猫专营</option>
																   <option value="天猫国际">天猫国际</option>
																   <option value="微商自媒体">微商自媒体</option>
																   <option value="实体店">实体店</option>
							                  </select>
					                  </li>
					                  <li class="list-group-item ">
					                     <span>店铺类别</span>
					                     <select class="form-control select2 store_kind" multiple="multiple" index = "1" data-placeholder="Select a State"
						                          style="width: 250px;float: right;">
							                    <option value="综合店">综合店</option>
																	<option value="韩货店">韩货店</option>
																  <option value="日货店">日货店</option>
																  <option value="国货店">国货店</option>
																	<option value="澳洲店">澳洲店</option>
																	<option value="网红店">网红店</option>
																	<option value="活动店">活动店</option>
							                 </select>
					                  </li>
					                  <li class="list-group-item ">
					                     <span>售卖类别</span>
					                     <select class="form-control select2 sale_kind" multiple="multiple" index = "1" data-placeholder="Select a State"
						                          style="width: 250px;float: right;">
							                    <option  value="护肤">护肤</option>
																	<option value="彩妆">彩妆</option>
																	<option value="母婴">母婴</option>
																	<option value="其他">其他</option>
							                  </select>
					                  </li>
					                  <li class="list-group-item ">
					                     <span>月销售笔数</span>
					                      <select class="form-control select2 sale_num"  data-placeholder="Select a State"
						                          style="width: 250px;float: right;" >
							                    <option>大于5万笔</option>
															    <option>2万至5万</option>
															    <option>1万至2万</option>
															    <option>5千至1万</option>
															     <option>5千以下</option>
							                  </select>
					                  </li>
					                  <li class="list-group-item ">
					                     <span>客单价</span>
					                      <select class="form-control select2 sale_price"  data-placeholder="Select a State"
						                          style="width: 250px;float: right;">
							                    <option>50元以下</option>
																	<option>50-100元</option>
																	<option>100-150元</option>
																	<option>150元以上</option>
							                  </select>
					                  </li>
					                  <li class="list-group-item">
					                  	<label class="pic_upload" for="upload">点击添加图片</label>
					                  	<input style="display: none;" id="upload" type="file" />
					                  </li>
					                </ul>
	                                
	                    </div>
	                   
	
	                  </div>
	                  <div class="tab-pane" id="phone_infor">
	                    <!-- Post -->
	                      <div class="post">
	                        <ul class="list-group list-group-unbordered mb-3">
					                  <li class="list-group-item">
					                    <span>公司抬头</span> 
					                    <textarea class="float-right post_inp" name="firm-head"></textarea>
					                  </li>
					                  <li class="list-group-item">
					                     <span>姓名</span> 
					                     <textarea class="float-right post_inp" name="firm-name"></textarea>
					                  </li>
					                  <li class="list-group-item">
					                     <span>客户昵称</span>
					                     <textarea class="float-right post_inp" name="nickname"></textarea>
					                  </li>
					                  <li class="list-group-item">
					                     <span>客户职位</span>
					                     <textarea class="float-right post_inp" name="cstm-job"></textarea>
					                  </li>
					                  <li class="list-group-item cstm_phone">
					                     <span>客户电话</span>
					                     <textarea class="float-right post_inp phone" mun="12" name="cstm-phone"></textarea>
					                  </li>
					                  <li class="list-group-item">
					                     <span>QQ</span>
					                     <textarea class="float-right post_inp" name="qq"></textarea>
					                  </li>
					                  <li class="list-group-item">
					                     <span>微信</span>
					                     <textarea class="float-right post_inp" name="wx"></textarea>
					                  </li>
					                  <li class="list-group-item">
					                     <span>微信群名称</span>
					                     <textarea class="float-right post_inp" name="wx-group"></textarea>
					                  </li>
					                  <li class="list-group-item">
					                     <span>旺旺</span>
					                     <textarea class="float-right post_inp" name="wang"></textarea>
					                  </li>
					                  <li class="list-group-item">
					                     <span>付款账号</span>
					                     <textarea class="float-right post_inp" name="pay-number"></textarea>
					                  </li>
					                  <li class="list-group-item">
					                     <span>仓库地址</span>
					                     <textarea class="float-right post_inp" style="height: 40px;" name="house-address"></textarea>
					                  </li>
					                  <li class="list-group-item room_phone">
					                     <span>仓库电话</span>
					                    <textarea class="float-right post_inp phone" mun="18" name="house-phone"></textarea>
					                  </li>
					                </ul>
	
	                    </div>
	  
	                   
	
	                  </div>
	                  <div class=" tab-pane" id="label_infor">
	                    <!-- Post -->
	                     <div class="post">
	                        <ul class="list-group list-group-unbordered mb-3">
					                  <li class="list-group-item">
					                    <span>宣传渠道</span> 
					                    <select id="adv" class="form-control select2 adv_way" index = "1" multiple="multiple" data-placeholder="Select a State"
						                          style="width: 250px;float: right;">
							                    <option  value="微博">微博</option>
																	<option value="淘宝直播">淘宝直播</option>
																	<option value="其他直播">其他直播</option>
																	<option value="公众微信">公众微信</option>
																	<option value="其他">其他</option>
							                 </select>
					                  </li>
					                  <li class="list-group-item ">
					                     <span>账期</span> 
					                     <select class="form-control select2 sale_time"  data-placeholder="Select a State"
						                          style="width: 250px;float: right;" >
							                    <option value="有">有</option>
																	<option value="无">无</option>
							                  </select>
					                  </li>
					                  <li class="list-group-item sale_mark">
					                     <span>账期备注</span>
					                     <textarea class="float-right post_inp" name="pay-label"></textarea>
					                  </li>
					                  <li class="list-group-item">
					                     <span>接货地</span>
					                  	 <select class="form-control select2  sale_adress" index = "1" multiple="multiple" data-placeholder="Select a State"
						                          style="width: 250px;float: right;">
							                    <option value="大陆">大陆</option>
																	<option value="香港">香港</option>
																	<option value="原产地">原产地</option>
							                  </select>
					                  </li>
					                 
					                  
					                </ul>
	
	                    </div>
	  
	                  </div>
	                  
	              
	                  <div class="tab-pane" id="business_infor">
	                    <!-- Post -->
	                    <div class="business_text">
	                    	 <div>
	                    	 		<label>客单价</label>
							            	<textarea style="width: 270px;height: 80px;border: solid 1px #c7c7c7;"></textarea><br />
							            
	                    	 </div>
	                    	 <div>
	                    	 	
	                 					<label>广告投放</label>
	                          <textarea style="width: 270px;height: 80px;border: solid 1px #c7c7c7;"></textarea><br />
	                        
	                    	 </div>
	                    	 <div>
	                    	 		<label>新品上架情况</label>
	                           <textarea style="width: 270px;height: 80px;border: solid 1px #c7c7c7;"></textarea><br />
	                        
	                    	 </div>
	                    	 <div>
	                    	 	<label>爆款动向</label>
	                        <textarea style="width:270px;height: 80px;border: solid 1px #c7c7c7;"></textarea><br />
	                        
	                    	 </div>
	                    	 <div>
	                    	 	  <label>其他</label>
	                          <textarea style="width: 270px;height:80px;border: solid 1px #c7c7c7;"></textarea>
	                       
	                    	 </div>
	                     		 <ul class="alter_person">
	                        	<li><strong>最近修改人:</strong></li>
	                        </ul>
	                    </div>
	  
	                    
	
	                  </div>
	                 
	             </div>
	             
	            <!-- /.card -->
	           </div>
	               
	             
	             
						 <!-- 点击弹出备注框 -->
						    <div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
												<div class="modal-dialog">
													<div class="modal-content">
														<div class="modal-header">
															<h4 class="modal-title" id="myModalLabel">
															  修改备注
															</h4>
														</div>
														<div class="modal-body">
															<textarea name="lable-data" placeholder="请输入您修改过的选项" style="width: 100%;border: none;"></textarea>
														</div>
														<div class="modal-footer">
															<button type="button" class="btn btn-default" data-dismiss="modal">关闭
															</button>
															<button type="button" class="btn btn-primary data_submit">
																提交
															</button>
														</div>
													</div>
												</div>
								</div>
								<!--备注框part-->
								</form>
							</div>
							
	         </div>
	          <!-- col-md-4 -->
	          <div class="col-md-8 cont_sel" style="overflow-y: scroll;">
	            <!--选项-->
	            <div class="select_item">
	              <div class="">
	                
	                <div class="card-tools">
	                	
	                	
	                  <button type="button" class="open_icon">
	                    <i class="fa fa-angle-down"></i>
	                  </button>
	                  <div class="click_more"><a>点击加载更多</a></div>
	                </div>
	                <!-- /.card-tools -->
	              </div>
	              <div class="select_body">
	                <div id="world-map" style="height: 250px; width: 100%;">
	                	<ul class="nav">
		                  <li class="nav-item nav_select select_kind"><a class="nav-link" href="#comments_text" data-toggle="tab" title="3">客户交流信息</a></li>
		                  <li class="nav-item nav_select select_kind"><a class="nav-link" href="#now_event" data-toggle="tab" title="4">客户最近事件</a></li>
		                  <li class="nav-item nav_select select_kind"><a class="nav-link" href="#money_no" data-toggle="tab" title="2">客户退款信息</a></li>
		                   <li class="nav-item nav_select select_kind"><a class="nav-link active" href="#money_yes" data-toggle="tab" title="1">客户销售信息</a></li>
		                </ul>
	                </div>
	              </div>      
							
	            </div> 
	            <!--内容-->
	            <div class="select_main tab-content">
	            	  <!--时间线-->
	            	<ul class="timeline tab-pane" id="comments_text">
	
								    <!-- 交流信息 -->
								    <li style="display: none;">
								        <!-- timeline icon -->
								        <i class="fa fa-comments bg-yellow"></i>
								        <div class="timeline-item">
														<span class="time">
															<i class="fa fa-clock-o"></i>
															2018-6-23
														</span>
								            <h3 class="timeline-header"><a class="a_header" href="#">交流</a></h3>
								
								            <div class="timeline-body">
								                		<span>项目名</span><span>11</span>
								                		<span>联系人</span><span>22</span>
								            </div>
								
								            
								        </div>
								    </li>
								
								</ul>
	            	<ul class="timeline tab-pane active" id="money_yes">
	
								    <!-- 入账信息 -->
								   
										<li style="display: none;">
								        <i class="fa fa-money bg-maroon"></i>
								        <div class="timeline-item">
														<span class="time">
															<i class="fa fa-clock-o"></i>
															2018-6-23
														</span>
								            <h3 class="timeline-header"><a class="a_header" href="#">销售</a></h3>
								
								            <div class="timeline-body">
								                <span>项目名称:</span><span>11</span>
								                <span>产品名称:</span><span>11</span>
								                <div>
								                	<span>销售数量:</span><input type="text" value="111"/>
								                	<span>销售金额:</span><input type="text" value="111"/>
								                	<button class="sub_edit">编辑</button>
								                </div>
								            </div>
								            
								        </div>
								    </li>
								  
								</ul>	
								<ul class="timeline tab-pane" id="money_no">
	
								    <!-- 退款信息 -->
								   
										<li style="display: none;">
								        <i class="fa fa-envelope bg-aqua"></i>
								        <div class="timeline-item">
														<span class="time">
															<i class="fa fa-clock-o"></i>
															2018-6-23
														</span>
								            <h3 class="timeline-header"><a class="a_header" href="#">退款</a></h3>
								
								            <div class="timeline-body">
								                <span>项目名称:</span><span>11</span>
								                <span>产品名称:</span><span>11</span>
								                <div>
								                	<span>退款数量:</span><input type="text" value="111"/>
								                	<span>退款金额:</span><input type="text" value="111"/>
								                	<button class="sub_edit">编辑</button>
								                </div>
								            </div>
								            
								        </div>
								    </li>
								  
								</ul>	
								<ul class="timeline tab-pane" id="now_event">
	
								    <!-- 事件 -->
								   <li style="display: none;">
								        <i class="fa fa-heartbeat bg-green"></i>
								        <div class="timeline-item">
														<span class="time">
															<i class="fa fa-clock-o"></i>
															2018-6-23
														</span>
								            <h3 class="timeline-header"><a class="a_header" href="#">事件</a></h3>
								
								            <div class="timeline-body">
								                <span>项目名称:</span><span>11</span>
								                <span>客户名称:</span><span>11</span>
								                <span>事件类型:</span><span>11</span><br />
								                <label>事件内容:</label>
								                <div class="event_body">
								                	
								                	<span class="event_text">我的事件网盘的事件</span>
								                	<div class="event_img">
								                		<img src="img/QQ图片20180620111454.jpg" width="50px" />
								                		<img src="img/编辑.png" width="50" />
								                		<img src="img/编辑.png" width="50"/>
								                		<img src="img/编辑.png" width="50"/>
								                	</div>
								                </div>
								                <div class="event_other">
								                	<span class="event_like event_1"><i class="fa fa-thumbs-o-up"></i>&nbsp点赞</span>
								                	<span class="event_like event_2"><i class="fa fa-comments"></i>&nbsp评论详情</span>
								                </div>
								                
								                <div class="guide_replay guild_1">
								                	<label>评论1号:</label>
								                	<span class="guide_replay_text">1号评论</span>
								                	<div class="cstm_replay">
								                		<ul class="cstm_replay_text">
								                			<li><label>昵称1：</label><span>回复已111</span></li>
								                			<li><label>昵称1：</label><span>回复已111</span></li>
								                			
								                		</ul>
								                	</div>
								                	<button class="sub_edit" data-toggle="modal" data-target="#text_write">回复</button>
								                </div>
																<div class="guild_comment">
																	<input class="guild_text input-sm" type="text" />
																</div>
								            </div>
								            
								        </div>
								        
								    </li>
								  	
								</ul>
								  <div class="modal fade" id="text_write" style="display: none;">
												<div class="modal-dialog">
													<div class="modal-content">
														
														<div class="modal-body">
															<textarea placeholder="请输入" style="width: 100%;border: none;"></textarea>
														</div>
														<div class="modal-footer">
															<button type="button" class="btn btn-default" data-dismiss="modal">关闭
															</button>
															<button type="button" class="btn btn-primary data_submit">
																提交
															</button>
														</div>
													</div>
												</div>
								   </div>
	            </div>
	          </div>
	              
	              
	              	
	              	
	              <!-- /.tab-content -->
	        </div><!-- /.card-body -->
	      </div>
	            <!-- /.nav-tabs-custom -->
	         
	      
	    </section>
	    <!-- /.content -->
	  </div>
	
	
	</div>
<!-- ./wrapper -->
  </div>
<!-- jQuery -->
<script src="bower_components/jquery/dist/jquery.min.js"></script>
<!-- jQuery UI 1.11.4 -->
<script src="bower_components/layer/layer.js"></script>
<script type="text/javascript" src="js/bootstrap.bundle.min.js"></script>
<script src="bower_components/bootstrap/dist/js/bootstrap.min.js"></script>
<script src="bower_components/select2/dist/js/select2.full.min.js"></script>
<script src="dist/js/adminlte.min.js"></script>
 <script src="js/jq.cookie.js"></script>
<script type="text/javascript" src="js/demo.js"></script>
<script type="text/javascript" src="js/user_infor.js"></script>
</body>
</html>
<script>
			 //页面数据初始化请求

		
</script>